<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Chengbo Zhang
  Date: 2023/2/27
  Time: 9:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>私教预约</title>
    <link rel="icon" href="../img/p7up.png" type="img/x-ico">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/own.css">
</head>
<body>
<div class="justify-content-center">
    <div>
        <!-- 顶部导航与大图 -->
        <jsp:include page="top-two.jsp"/>
        <!-- 私教预约详情 -->
        <div class="own justify-content-center flex-wrap">
            <div>
                <div class="justify-content-center flex-wrap">
                    <!-- 导航标签 -->
                    <div class="justify-content-start">
                        <img src="../img/p7up.png">
                        <div>网站首页 >> 私教预约</div>
                    </div>
                    <!-- 私人教练 -->
                    <div class="justify-content-center flex-wrap">
                        <div class="item-own justify-content-space-between flex-wrap align-items-center">
                            <c:forEach items="${teacherModelList}" var="teacher" varStatus="loop">
                                <div class="justify-content-center flex-wrap">
                                    <img src="${imageShowModelList[loop.count-1].imageMessage}">
                                    <div>${teacher.teacherName}</div>
                                    <div>
                                        ${teacher.level}
                                    </div>
                                </div>
                            </c:forEach>

                        </div>
                    </div>
                    <!-- form表单 -->
                    <div class="justify-content-center">
                        <div class="justify-content-center">
                            <!-- 图片 -->
                            <div class="align-items-end">
                                <img src="../img/acfa5605108c3150158055c03e58b035.png">
                            </div>
                            <!-- 表单 -->
                            <div class="form align-items-center">
                                <div class="justify-content-start flex-wrap">
                                    <div class=" align-items-center flex-wrap">
                                        <div>填表格可在私教带领下免费体验—次!</div>
                                        <div>请仔细填写好下方预约表格,我们的客服人员会在24小时内与您联系，谢谢您的支持与关注!</div>
                                    </div>
                                    <div class="justify-content-start flex-wrap">
                                        <div>
                                            <div>姓名</div>
                                            <input type="text"/>
                                        </div>
                                        <div>
                                            <div>电话</div>
                                            <input type="text"/>
                                        </div>
                                        <div>
                                            <div>邮箱</div>
                                            <input type="text"/>
                                        </div>
                                        <div>
                                            <div>内容</div>
                                            <input type="text"/>
                                        </div>
                                    </div>
                                    <div class=" align-items-center">
                                        <div>提交</div>
                                    </div>
                                    <div class=" align-items-center">
                                        <div>THANKS</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 页脚 -->
        <jsp:include page="foot.jsp"/>
    </div>
</div>
</body>

</html>
